.clear-fix {
  overflow: hidden;
}
.pictures {
  position: relative;
  float: left;
  margin: 3px;
  overflow: hidden;

  @media (min-width:400px) {
    .img{
      width:156px;
      height:101px;
    }
  }
  @media (min-width:374px) and (max-width: 399px) {
    .img{
      width:152.67px;
      height:98.83px;
    }
  }
  @media (min-width:359px) and (max-width: 373px) {
    .img{
      width:145px;
      height:93.88px;
    }
  }
  @media  (max-width: 358px) {
    .img{
      width:125px;
      height:80.93px;
    }
  }
}
.remove {
  position: absolute;
  right: 5px;
  top: 5px;
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  font-size: 20px;
  text-align: center;
  color: #fff;
  background-color: #333333;
  line-height:23px;
}
